.sonora_grill_footer_1{padding:10px;}
.site-logo {top: 0;bottom: 0;/*left: calc(57% - 180px);*/overflow: hidden;}
.site-logo__logomark {}
.site-logo__wordmark {padding: 9px 0px;}		
.site-logo__logomark img{ width: 190px;}
.site-logo__wordmark img{ /*width: 180px; padding-bottom:10px;*/}

.site-logo__logomark {
  transform: translateY(0);
  opacity: 1;
  .logo & {
    animation: logoIn 0.5s;
    // transform: translateY(0);
    // opacity: 1;
  }
  .word & {
    animation: logoOut 0.3s;
    transform: translateY(-70px);
    opacity: 1;
  }
}

@keyframes logoIn {
  0% {opacity: 0;transform: translateY(-70px);}
  50% {transform: translateY(5px);}
  100% {opacity: 1;transform: translateY(0);}
}
	
@keyframes logoOut {
  0% {opacity: 1;transform: translateY(0);}
  80% {opacity: 0;}
  100% {transform: translateY(-70px);}
}

.site-logo__wordmark {
  transform: translateY(70px);
  opacity: 0;
  .word & {
    animation: wordIn 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
  .logo & {
    animation: wordOut 0.5s;
    opacity: 0;
    transform: translateY(70px);
  }
}

@keyframes wordIn {
  0% {opacity: 0;transform: translateY(70px);}
  50% {transform: translateY(-4px);}
  100% {opacity: 1;transform: translateY(0);}
}
	
@keyframes wordOut {
  0% {opacity: 1;transform: translateY(0);}
  80% {opacity: 0;}
  100% {transform: translateY(70px);}
}

.logow{ position: absolute; top: 50%;}